<template>
	<div ref="tsRoot" class="selection:text-[#fff] selection:bg-[#C1A879] text-slate-800">
		<!-- 头部 -->
		<div class="header-class">
			<headers ref="tsHeader"></headers>
		</div>

		<!-- 主题 -->
		<div class="">
			<div class="h-[80px] max-md:h-[50px]"></div>
			<nuxt ref="tsNuxt" />
		</div>
		<!-- 底部 -->
		<footers></footers>
		<!-- 回到顶部 -->
		<gotop></gotop>
		<!-- 登录 -->
		<login v-if="$store.state.show_Login"></login>
	</div>
</template>
<script>
export default {
	methods: {},

	data() {
		return {};
	},
	created() {
		this.$cookies.removeAll();
	},
	head() {
		return {
			title: this.$store.state.web_attr.web_title
		};
	},
	methods: {}
};
</script>
<style lang="scss">
.header-class {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 49; /* 可根据需要调整 z-index 值 */
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	@apply bg-[#C1A879]/10;
	border-radius: 2px;
	@apply shadow-lg;
}

::-webkit-scrollbar-thumb {
	@apply bg-[#C1A879];
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	@apply bg-[#C1A879];
}

::-webkit-scrollbar-corner {
	@apply bg-[#C1A879];
}
</style>
